<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorator="layouts/layout" th:with="header='自制物料入库', subtext='管理系统中自制物料入库'" style="overflow: hidden;">

<head>
  <title>自制物料入库单</title>
</head>
<body style="overflow: hidden;">

<th:block layout:fragment="content">
  <div id="query-area" class="box-body m-b-sm border-bottom">
    <form class="form-horizontal search-form" role="form">
      <div class="row">


        <div class="col-sm-3">
          <div class="form-group">
            <label class="control-label col-sm-3">容器编码</label>
            <div class="col-sm-9">
              <input type="text" id="containernum" name="containernum" placeholder="输入容器编码搜索" class="form-control" />
            </div>
          </div>
        </div>

        <div class="col-sm-3">
          <div class="form-group">
            <label class="control-label col-sm-3">物料编码</label>
            <div class="col-sm-9">
              <input type="text" id="material" name="material" placeholder="输入物料编码或名称搜索" class="form-control" />
            </div>
          </div>
        </div>

        <div class="text-left">
          <div class="col-sm-3">
            <div class="form-group">
              <label class="control-label col-sm-3">状态</label>
              <div class="col-sm-9">
                <select name="deliverystatus" id="deliverystatus" class="form-control">
                  <option value="">请选择</option>
                  <!--<option value="0150">码盘中</option>
                  <option value="0210">上架中</option>
                  <option value="0880">完成</option>
                  <option value="0850">取消</option>-->
                  <option value="0150">创建单据</option>
                  <option value="0210">开始入库</option>
                  <option value="0880">入库完成</option>
                  <option value="0850">组盘取消</option>
                </select>

              </div>
            </div>
          </div>
        </div>

        <div class="col-sm-3">
          <div class="form-group">
            <label class="control-label col-sm-3">入库单号</label>
            <div class="col-sm-9">
              <input type="text" id="documentNumber" name="documentNumber" placeholder="输入入库单号" class="form-control" />
            </div>
          </div>
        </div>

        <div class="col-sm-3">
          <div class="form-group">
            <label class="control-label col-lg-3 label-width-1">入库完成时间</label>
            <div class="col-lg-9"> <input id="finfromdate" name="finfromdate" class="form-control form_datetime">
            </div>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <label class="control-label col-lg-3 label-width-1">至</label>
            <div class="col-lg-9"> <input id="fintodate" name="fintodate" class="form-control form_datetime">
            </div>
          </div>
        </div>


        <div class="col-sm-3">
          <div class="form-group">
            <label class="control-label col-lg-3 label-width-1">初次绑托时间起</label>
            <div class="col-lg-9"> <input id="bindfromdate" name="bindfromdate" class="form-control form_datetime">
            </div>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="form-group">
            <label class="control-label col-lg-3 label-width-1">至</label>
            <div class="col-lg-9"> <input id="bindtodate" name="bindtodate" class="form-control form_datetime">
            </div>
          </div>
        </div>


      </div>
      <div class="row m-t">
        <div class="col-lg-12 seach-button">
          <div class="pull-right">
            <button type="submit" id="search" class="btn btn-primary">
              <i class="fa fa-search"></i> 搜索
            </button>
            <button type="reset" id="clear" class="btn btn-danger">
              <i class="fa fa-remove"></i> 清除
            </button>
          </div>
        </div>
      </div>
    </form>
  </div>

  <div class="row">
    <div class="col-lg-12">
      <div class="box">
        <div class="box-body">
          <h2>
            <a  class="btn btn-primary btn-sm" th:href="@{|${baseUrl}/add|}" th:if="${@sec.authorized('__|${baseUrl}/add|__')}" th:title="添加ASN">
              <i class="fa fa-fw fa-plus"></i> 添加
            </a>
            <!--
            <a  class="btn btn-primary btn-sm recvAll" href="javascript:;" th:title="整单收货">
              <i class="fa fa-fw fa-plus"></i> 整单收货
            </a>

            <a  class="btn btn-primary btn-sm printLabel" href="javascript:;" th:title="打印收货标签">
              <i class="fa fa-fw fa-plus"></i>打印收货标签
            </a>
             -->
            <a  class="btn btn-success btn-sm closeAll" href="javascript:;" th:title="关闭ASN">
              <i class="fa fa-remove"></i> 关闭
            </a>
            <a  class="btn btn-danger btn-sm delAll" href="javascript:;" th:title="删除ASN">
              <i class="fa fa-fw fa-trash"></i> 删除
            </a>
          </h2>
          <div id="tableWrapper">
            <table id="table" class="table table-striped table-hover table-bordered table-fixed">
              <thead style="position:sticky;top:0;z-index:10;">
              <tr>
                <th style="width:50px;">
                  <a href="javascript:;" class="selectAll" title="全选">全选</a>
                </th>


                  <th style="width:100px;">入库单号</th>
                  <th style="width:100px;">容器编码</th>
                  <th style="width:80px;">状态</th>
                  <th style="width:160px;">备注</th>
                  <th style="width:80px;">操作员</th>
                  <th style="width:80px;">入库称重</th>
                  <th style="width:140px;">入库完成时间</th>
                  <th style="width:140px;">初次绑托时间</th>
                  <th style="width:60px;">详情</th>
                  <th style="width:100px;">操作</th>

              </tr>
              </thead>
              <tbody>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>


  <form id="receiveForm" method="post" style="display: none" th:action="@{|${baseUrl}/recvbydoc|}">
    <input id="ids" type="hidden" name="ids" />
  </form>

  <form id="printlabelForm" method="post" style="display: none" th:action="@{|${baseUrl}/ca/printlabel|}">
    <input id="ids" type="hidden" name="ids" />
  </form>

  <form id="closeForm" method="post" style="display: none" th:action="@{|${baseUrl}/close|}">
    <input id="ids" type="hidden" name="ids" />
  </form>

  <form id="delForm" method="post" style="display: none" th:action="@{|${baseUrl}/del|}">
    <input id="ids" type="hidden" name="ids" />
  </form>

  <!-- Modal -->
  <div class="modal fade" id="smasnDetailModal" tabindex="-1">
    <div class="modal-dialog" style="width:90%;">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title">订单详情</h4>
        </div>
        <div class="modal-body">
          <iframe style="width: 100%; height: 450px;" frameborder="0"></iframe>
        </div>

      </div>
    </div>
  </div>

</th:block>
<th:block layout:fragment="scripts">
  <script th:inline="javascript">
      var VALUES_MAP_DICT_TYPE = /*[[${@CODES.valuesMapOfType('ASN_TYPE')}]]*/ {};
      var VALUES_MAP_DICT_STATUS = /*[[${@CODES.valuesMapOfType('ASN_STATUS')}]]*/ {};
  </script>
  <script th:src="@{|${theme}/js/app/inbound/smasn_list.js?v=${applicationVersion}|}" th:inline="javascript"></script>
  <script th:src="@{|${theme}/plugins/datetimepicker/bootstrap-datetimepicker.min.js?v=${applicationVersion}|}" th:inline="javascript"></script>
  <script th:src="@{|${theme}/plugins/datetimepicker/locales/bootstrap-datetimepicker.zh-CN.js?v=${applicationVersion}|}" th:inline="javascript"></script>
</th:block>
</body>

</html>
